{% extends "lxoa/layout.html" %}

{% block content %}
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body">
                <select class="custom-select pull-right">
                    <option selected>2018</option>
                </select>
                <h4 class="card-title">项目状态</h4>
                <div class="table-responsive m-t-20">
                    <table class="table stylish-table">
                        <thead>
                            <tr>
                                <th colspan="2">项目负责人</th>
                                <th>项目名称</th>
                                <th>项目优先级</th>
                                <th>当前状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><span class="round round-warning">D</span></td>
                                <td><h6>Daisy Zhu</h6><small class="text-muted">Team Leader</small></td>
                                <td>养护公司内控管理系统</td>
                                <td><span class="label label-warning">High</span></td>
                                <td>系统设计</td>
                            </tr>
							<tr>
                                <td><span class="round round-danger">B</span></td>
                                <td><h6>Bella Li</h6><small class="text-muted">QA Manager</small></td>
                                <td>植保无人机APP</td>
                                <td><span class="label label-danger">High</span></td>
                                <td>系统设计</td>
                            </tr>
							<tr>
                                <td><span class="round"><span class="round">D</span></span></td>
                                <td><h6>David Tang</h6><small class="text-muted">Project Manager</small></td>
                                <td>合全药物二期</td>
                                <td><span class="label label-info">High</span></td>
                                <td>敏捷开发</td>
                            </tr>
                            <tr>
                                <td><span class="round round-success">M</span></td>
                                <td><h6>Merlin Jing</h6><small class="text-muted">Project Manager</small></td>
                                <td>内控管理系统</td>
                                <td><span class="label label-success">Medium</span></td>
                                <td>需求分析</td>
                            </tr>
							<tr>
                                <td><span class="round round-primary">A</span></td>
                                <td><h6>Aries Ai</h6><small class="text-muted">System Architect</small></td>
                                <td>Novartis LVD</td>
                                <td><span class="label label-primary">High</span></td>
                                <td>系统开发</td>
                            </tr>
							<tr>
                                <td><span class="round bg-inverse">J</span></td>
                                <td><h6>Jason Mao</h6><small class="text-muted">Developer</small></td>
                                <td>优办公管理信息系统</td>
                                <td><span class="label label-inverse">Medium</span></td>
                                <td>系统开发</td>
                            </tr>
                            </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <!-- Column -->
        <div class="card">
            <img class="" src="/static/lxoa/images/profile-bg.jpg" alt="Card image cap">
            <div class="card-body little-profile text-center">
                <div class="pro-img"><img src="/static/lxoa/images/users/daisy.jpg" alt="user" /></div>
                <h3 class="m-b-0">Daisy - 朱梦娜</h3>
                <p>Team Leader</p>
                <p><small>阳光总在风雨后</small></p><p class="label label-danger">太阳花</p><br><a href="javascript:void(0)" class="m-t-10 waves-effect waves-dark btn btn-primary btn-md btn-rounded"><i class="mdi mdi-star"></i><i class="mdi mdi-star"></i><i class="mdi mdi-star"></i><i class="mdi mdi-star"></i><i class="mdi mdi-star"></i></a>
                <div class="row text-center m-t-20">
                    <div class="col-lg-4 col-md-4 m-t-20">
                        <h3 class="m-b-0 font-light">工作</h3><small>> 3年</small>
                    </div>
                    <div class="col-lg-4 col-md-4 m-t-20">
                        <h3 class="m-b-0 font-light">爱好</h3><small>旅行&amp;追剧</small>
                    </div>
                    <div class="col-lg-4 col-md-4 m-t-20">
                        <h3 class="m-b-0 font-light">星座</h3><small>水瓶座</small>
                    </div>
                    <div class="col-md-12 m-b-10"></div>
                </div>
            </div>
        </div>
        <!-- Column -->
    </div>
</div>
<!-- Row -->
<div class="row">
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">通知公告</h4>
                <h6 class="card-subtitle">仅限公司内部</h6>
            </div>
            <!-- ============================================================== -->
            <!-- Comment widgets -->
            <!-- ============================================================== -->
            <div class="comment-widgets">
                <!-- Comment Row -->
                <div class="d-flex flex-row comment-row">
                    <div class="p-2"><span class="round round-danger">行</span></div>
                    <div class="comment-text w-100">
                        <h5>公司旅游</h5>
                        <p class="m-b-5">公司将于2018年10月26日奔赴美丽的北海和涠洲岛，2018年公司旅游正式启动。</p>
                        <div class="comment-footer"> <span class="text-muted pull-right">2018年10月12日</span> <span class="label label-info">公司活动</span></div>
                    </div>
                </div>
				<!-- Comment Row -->
                <div class="d-flex flex-row comment-row">
                    <div class="p-2"><span class="round round-warning">项</span></div>
                    <div class="comment-text active w-100">
                        <h5>诺华LVD2.1版本发布上线</h5>
                        <p class="m-b-5">诺华LVD2.1版本于2018年10月11日正式上线使用。</p>
                        <div class="comment-footer "> <span class="text-muted pull-right">2018年10月11日</span> <span class="label label-success">系统上线</span></div>
                    </div>
                </div>
                <!-- Comment Row -->
                <div class="d-flex flex-row comment-row">
                    <div class="p-2"><span class="round round-warning">项</span></div>
                    <div class="comment-text active w-100">
                        <h5>安全生产管理系统发布</h5>
                        <p class="m-b-5">安全生产管理系统系统于2018年8月31号正式发布上线。</p>
                        <div class="comment-footer "> <span class="text-muted pull-right">2018年8月31日</span> <span class="label label-success">系统上线</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="card-body bg-primary">
                <h4 class="text-white card-title">公司资源</h4>
                <h6 class="card-subtitle text-white m-b-0 op-5">力啸科技资源库</h6>
            </div>
            <div class="card-body">
                <div class="message-box contact-box">
                    <h2 class="add-ct-btn"><button type="button" class="btn btn-circle btn-lg btn-success waves-effect waves-dark" title="更多">+</button></h2>
                    <ul class="feeds">
                        <li>
                            <div class="bg-inverse"><i class="fa fa-database text-white"></i></div> 固定资产
                        </li>
                        <li>
                            <div class="bg-info"><i class="fa fa-file text-white"></i></div> 项目文件模板
                        </li>
                        <li>
                            <div class="bg-danger"><i class="fa fa-folder text-white"></i></div> 培训材料
                        </li>
                        <li>
                            <div class="bg-primary"><i class="fa fa-wrench text-white"></i></div> 软件&工具
                        </li>
                        <li>
                            <div class="bg-success"><i class="fa fa-book text-white"></i></div> 图书&音乐&视频
                        </li>
                        <li>
                            <div class="bg-danger"><i class="fa fa-photo text-white"></i></div> 软著&软件产品
                        </li>
                        <li>
                            <div class="bg-warning"><i class="fa fa-user text-white"></i></div> 年会&旅游
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-12">
        <div class="card">
            <div class="card-body bg-info">
                <h4 class="text-white card-title">通讯录</h4>
                <h6 class="card-subtitle text-white m-b-0 op-5">力啸科技员工通讯录</h6>
            </div>
            <div class="card-body">
                <div class="message-box contact-box">
                    <h2 class="add-ct-btn"><button type="button" class="btn btn-circle btn-lg btn-success waves-effect waves-dark" title="更多">+</button></h2>
                    <div class="message-widget contact-widget">
                        <!-- Message -->
                        <!--<a href="#">
        <div class="user-img"> <img src="/static/lxoa/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
        <div class="mail-contnet">
            <h5>朱梦娜（Daisy）</h5> <span class="mail-desc">daisy.zhu@lixiaotech.com</span>
        </div>
    </a>-->
                        <!-- Message -->
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>别东武（Kyle）</h5> <span class="mail-desc">dongwu.bie@lixiaotech.com</span>
                            </div>
                        </a>
                        <!-- Message -->
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/7.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>吴书玲（Cherry）</h5> <span class="mail-desc">cherry.wu@lixiaotech.com</span>
                            </div>
                        </a>
                        <!-- Message -->
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/5.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>陈欢（Alan）</h5> <span class="mail-desc">alan.chen@lixiaotech.com</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/alison.png" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>张赛（Alison）</h5> <span class="mail-desc">alison.zhang@lixiaotech.com</span>
                            </div>
                        </a>
                        <!-- Message -->
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/5.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>陈凯（Kai）</h5> <span class="mail-desc">kai.chen@lixiaotech.com</span>
                            </div>
                        </a>
                        <!-- Message -->
                        <a href="#">
                            <div class="user-img"> <img src="/static/lxoa/images/users/8.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                            <div class="mail-contnet">
                                <h5>任丹妮（Danee）</h5> <span class="mail-desc">danee.ren@lixiaotech.com</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}